<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>06-计算属性的getter和setter</title>
	<script src="vue.js"></script>
</head>
<body>
	<div id="app">{{fullName}}</div>
	<script>
		var vm=new Vue({
			el:'#app',
			data:{
				firstName:'Evan',
				lastName:'Zhang'
			},
			computed:{
				fullName:{
					get:function(){
						return this.firstName + '  '+ this.lastName;
					},
					set:function(value){
						console.log(value)
						var arr=value.split(" ");
						this.firstName=arr[0]
						this.lastName=arr[1]
					}
				}
			}
		})
	</script>
</body>

</html>